<template>
  <div>
    <template>
      <span v-for="item in $attrs.row[field]">
        <span v-if="item[1].length > 0">
          <el-image v-if="item[2] == 1"
            style="width: 40px;height:40px;margin-right: 5px;transition: all .3s ease; filter: grayscale(100%);  opacity: .6;"
            :src="item[1]" :preview-src-list="item">
          </el-image>

          <el-image v-else style="width: 40px;height:40px;margin-right: 5px" :src="item[1]" :preview-src-list="item">
          </el-image>
        </span>

      </span>
      <!-- <el-tag v-for="item in $attrs.row[field]" type="info" size="small"></el-tag> -->
    </template>
  </div>
</template>

<script>
  export default {
    name: "previewList",
    props: {
      field: {
        value: String,
        default () {
          return '';
        }
      }
    },

  }
</script>

<style scoped>
  .images {
    width: 100px;
    height: 100px;
  }
</style>
